*{font-size: 13px; font-family:"Microsoft Yahei", "Helvetica Neue",Helvetica,Arial,sans-serif;text-shadow: 0 1px 1px #000;}
input:focus,textarea:focus{outline: none}
textarea{resize: none; overflow:auto}
.none{ display:none}
::selection { background: #f44600;color:#FFF;}
::-moz-selection {background:#f44600; color:#FFF;}
::-webkit-selection {background:#f44600; color:#FFF;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;}
html{height: 100%;width: 100%}
a:link,a:visited{text-decoration: none}
.clear{clear: both}
/*----------------------------------------------msg-------------------------------------------------------------*/
.zeng_msgbox_layer,.zeng_msgbox_layer .gtl_ico_succ,.zeng_msgbox_layer .gtl_ico_fail,.zeng_msgbox_layer .gtl_ico_hits,.zeng_msgbox_layer .gtl_ico_clear,.zeng_msgbox_layer .gtl_end{display:inline-block;height:54px;line-height:54px;font-weight:bold;font-size:14px;color:#606060;background-image:url("gb_tip_layer.png");_background-image:url("gb_tip_layer_ie6.png");background-repeat:no-repeat}
.zeng_msgbox_layer_wrap{width:100%;position:fixed;_position:absolute;top:46%;left:0;text-align:center;z-index:65533}
.zeng_msgbox_layer{background-position:0 -161px;background-repeat:repeat-x;padding:0 18px 0 9px;margin:0 auto;position:relative;text-shadow: none}
.zeng_msgbox_layer .gtl_ico_succ{background-position:-6px 0;left:-45px;top:0;width:45px;position:absolute}
.zeng_msgbox_layer .gtl_end{background-position:0 0;position:absolute;right:-6px;top:0;width:6px}
.zeng_msgbox_layer .gtl_ico_fail{background-position:-6px -108px;position:absolute;left:-45px;top:0;width:45px}
.zeng_msgbox_layer .gtl_ico_hits{background-position:-6px -54px;position:absolute;left:-45px;top:0;width:45px}
.zeng_msgbox_layer .gtl_ico_clear{background-position:-6px 0;left:-5px;width:5px;position:absolute;top:0}
.zeng_msgbox_layer .gtl_ico_loading{ width:16px;height:16px;border:0;background-image:url(loading_msg.gif);float:left;margin:19px 10px 0 5px}
/*----------------------------------------------msg-------------------------------------------------------------*/
/*----------------------------------------------tipsy.js-------------------------------------------------------------*/
.tipsy { font-size: 12px; position: absolute; padding: 5px; z-index: 100000; }
.tipsy-inner { background-color: #000; color: #FFF; max-width: 200px; padding: 6px 8px 6px 8px; text-align: center;  }
.tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; }
.tipsy-arrow-n { border-bottom-color: #000; }
.tipsy-arrow-s { border-top-color: #000; }
.tipsy-arrow-e { border-left-color: #000; }
.tipsy-arrow-w { border-right-color: #000; }
.tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none;  border-left-color: transparent; border-right-color: transparent;}
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
.tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }
/*----------------------------------------------tipsy.js-------------------------------------------------------------*/
body{margin: 0;background: /*url('http://i1.tietuku.cn/634c853a61252c36.jpg')*/ url('bg.jpg') no-repeat fixed center top;width: 100%;height: 100%;}
#bg_pattern{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: url(http://i3.tietuku.cn/6813add31d9153bf.png);z-index: -1}
#header{width: 100%;height: 80px;background: url("http://i1.tietuku.cn/2e9ceab76b6cd128.png") center 0px no-repeat;margin-top: 45px;}
#logo{position: absolute;left: 50%; margin-left: -79px;margin-top: -40px;	/*animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    -webkit-animation:spin 4s linear infinite;
    -o-animation:spin 4s linear infinite*/}
@keyframes spin {
    0% {
        transform:rotate(0deg)
    }
    100% {
        transform:rotate(-360deg)
    }
}@-moz-keyframes spin {
     0% {
         -moz-transform:rotate(0deg)
     }
     100% {
         -moz-transform:rotate(-360deg)
     }
 }@-webkit-keyframes spin {
      0% {
          -webkit-transform:rotate(0deg)
      }
      100% {
          -webkit-transform:rotate(-360deg)
      }
  }@-o-keyframes spin {
       0% {
           -o-transform:rotate(0deg)
       }
      }
#nav_container{position:absolute; width: 1160px; height: 80px; left: 50%; margin-left: -580px;}
.nav_link{color: #fff;display: block; float: left;margin-top: 7px; text-align: center;width:70px;height:65px;background-color: transparent;transition:all 0.2s}
.nav_link:hover,.nav_this{background-color: rgba(255,255,255,.3);background-image: url('http://i1.tietuku.cn/add851305a28e655.png')\9;text-decoration: none}
.nav_link:visited{text-decoration: none;}
.nav_zh{height: 40px;line-height: 44px;font-weight: bold}
.nav_en{height: 30px; line-height: 10px;font-family: "comic sans ms","Mv Boli", "arial";color: #ccc;font-size: 12px;}
#middle_devide{margin-left: 175px}
#search_container{margin: 50px auto;width: 1123px; height: 45px;border-radius: 4px}
#search_sub span{ background:#24438E;}
#bt_sub span{background:#AF0F2E;}
#search_input{width:768px;font-size:16px;color:#ccc;line-height:46px;padding-left: 35px;margin-right: 2px;/*http://i4.tietuku.cn/31bf1739626da9aa.png*/
    height: 44px;background-image:url("search_icon.png");background-position:8px 12px;background-repeat:no-repeat;
    background-image: url("http://i4.tietuku.cn/884be7d0b31febc4.png") \9;background-position: -2px -2px \9;background-color: transparent;border: 0 \9;height: 48px \9;width: 772px\9;
    border:2px solid rgba(255,255,255,.4); margin-left: 0px;background-color: rgba(0,0,0,.4);border-radius:4px;float: left;color: #fff;}
.search_btn{background:rgba(255,255,255,0.3);background-image: url('http://i1.tietuku.cn/add851305a28e655.png')\9;;padding: 2px;float: left;border-radius: 4px;margin-left: 15px;margin-right: -2px;display: block;text-decoration: none;}
.search_btn span{width: 139px; height: 46px;border-radius: 3px;text-align: center;letter-spacing: 2px;text-shadow: 0px 1px 1px rgba(0,0,0,.3);
    color: #fff; line-height: 46px;font-size: 17px;cursor: pointer;display: block;}
#search_sub span:hover{background: #223e7c;}
#search_sub span:active{box-shadow: inset 0px 3px 12px rgba(0,0,0,.3); line-height: 48px}
#bt_sub span:hover{background: #980f29;}
#bt_sub span:active{box-shadow: inset 0px 3px 12px rgba(0,0,0,.3); line-height: 48px}
#main{width: 1128px;margin: -30px auto;}
#left{width: 805px;float: left;}
#right{width: 300px; float: left;margin-left: 20px;}
.piece{ background-color: rgba(35,35,35,.9);background-image: url("http://i1.tietuku.cn/6d1004e89b69e661.png")\9;border-color: #636363 \9; border-width: 1px;
    border-style: solid;
    border-top: 1px solid rgba(255,255,255,.3);
    border-left: 1px solid rgba(255,255,255,.2);
    border-right: 1px solid rgba(255,255,255,.2);
    border-bottom: 1px solid rgba(255,255,255,.2);}
#main_list{width: 100%;}
.side{width: 300px;margin-bottom: 20px;}
.titlebar{border-left: #f44600 3px solid; background-color: rgba(0,0,0,.25);background-image:url("http://i4.tietuku.cn/89a55a60a573c167.png")\9;height: 36px; line-height: 36px; color: #aaa;text-indent: 12px;}
.long{width: 802px}
.movie_list{margin: 15px 15px 15px 0px;}
.poster{width: 140px;height: 200px;box-shadow: 0px 0px 10px rgba(0,0,0,0); border: 5px solid rgba(255,255,255,.15);float: left;transition:all 0.2s;
border-color: #404242 \9;border-width: 5px; border-style: solid;
}
.poster:hover{opacity: 0.85}
.poster_info{margin-left: 15px;float: left}
.poster_info_wrapper{border-bottom: 1px dashed #000;height: 30px;line-height: 30px;border-top: 1px dashed rgba(255,255,255,.2);border-top-width: 1px;border-top-color:#505656 \9;border-top-style:dashed;width: 208px}
.poster_title{color: #ff9f00;font-size: 15px;line-height: 16px;border-top-width: 0;height: 25px;display: block;}
.poster_title:hover{color: #ff5300;}
.poster_detail{color: #aaa}
.poster_detail_bottom{border-bottom-width: 0}
.movie_wrapper{float: left;width: 376px;margin-left: 15px;margin-right: 3px;margin-top: 9px;}
#detail_page .movie_wrapper{width: 800px}
#detail_page .poster_info_wrapper{width: 600px}
.douban_score{float: right;margin-right: 15px}
.douban_score span{font-family: "georgia", "arial";color: #ff6700;font-size: 16px;vertical-align: 1px;margin-right: 5px;}
.movie_info{margin: 15px;color: #aaa;line-height: 24px;}
.movie_shot{margin: 15px 0px;}
.movie_shot img{border: 4px solid rgba(255,255,255,.1);border-width:4px;border-style:solid;border-color:#363636 \9;margin-left: 15px;transition:all 0.2s}
.movie_shot img:hover{opacity: 0.8;filter:alpha(opacity=80)}
.magnet_link{display: block;color: #bbb;font-size: 14px;background:rgba(0,0,0,.6);background:#151515\9;border-radius:3px;padding:7px 10px;float:left;margin:20px 15px 0px 15px;transition:all 0.1s}
.magnet_link:hover{color: #ff6700;background: #000}
.other_container{margin: 15px 0px 15px 15px;transition:all 0.2s;display: block;float: left}
.other_wrapper:hover{opacity: 0.8;filter:alpha(opacity=80)}
.magnet_info{color: #777;width: 700px;float: left;font-size: 12px;margin: 0px 0px 25px 35px;height: 20px;line-height: 40px;text-indent: 5px}
.dash_arrow{border-left: 1px solid #777;border-bottom:1px solid #777;width: 15px; height: 20px;float: left;mar}
#copyright{width: 1098px; margin: 20px auto;padding:15px; color: #999;}
.other_wrapper{float: left;margin-right: 17px; margin-bottom: 17px;}
.other_poster{width: 140px;height: 200px;border: 0px;}
.other_title{width: 141px; height: 26px;text-align: center;line-height: 26px;color: #888;background: rgba(0,0,0,.5);background:#131313 \9;border-radius: 2px;margin-top: 5px;font-size: 12px}
#search_opt_container{position: absolute;height: 24px; margin-top: -30px;margin-left:-2px;
    line-height: 28px;
    border-radius: 4px 4px 0px 0px;
}
#cate_year a{font-family:"Arial"}
.search_opt{background: rgba(0,0,0,.3);color:#ddd;padding: 0px 12px;cursor: pointer;
    height: 24px;float: left;margin-right: 10px;border-radius: 2px;font-size: 12px;line-height: 26px;margin-top: 2px;
}
.cur{border:2px solid rgba(255,255,255,.4);background: rgba(0,0,0,.5);height:26px;border-bottom:2px solid rgba(0,0,0,.5);margin-top:0px;border-radius: 4px 4px 0px 0px;line-height: 28px;}
#category{width: 1095px;margin-bottom: 16px;padding: 7px 15px;}
.category a{color: #999;}
.cate{height: 34px; line-height: 34px;border-bottom: 1px dashed #000;border-top: 1px dashed rgba(255,255,255,.2);border-top-width: 1px;border-top-color:#505656 \9;border-top-style:dashed;}
.cate a{padding: 0px 6px;}
.cate a:hover{color:#ff6e00;}
.cate .this{color: #ff6e00;font-weight: bold;}
.first{border-top-width: 0px}
.last{border-bottom-width: 0px;}
.cate .cate_title{font-weight: bold;color: #c4c4c4}
.head_title{margin-left: -15px;width: 1123px;display: none}
.taglink{color: #aaa;}
.taglink:hover{text-decoration: underline;color: #ff6e00}
h2{font-weight: normal;margin: 0; display: inline;padding: 0}
.page_container{width: 100%; height:70px; background: url("http://i1.tietuku.cn/0d1d20b7b272da45.png") no-repeat top center;margin-top: 30px;}
.page_btn{background: rgba(0,0,0,.6);background:#151515 \9;border:1px solid #505050;transition:all 0.2s;border-radius:2px;font-size:15px;padding:0px 17px;height: 40px;line-height: 40px; color: #ccc; text-align: center;display: inline-block;margin-right: 15px;margin-top: 23px;}
.page_container span{color: #aaa;font-size: 20px;padding:0px 0px;height: 40px;line-height: 40px; color: #ccc; text-align: center;display: inline-block;margin-right: 15px;margin-top: 23px;}
.page_btn:hover{background: #000;color: #fff;}
.cur_page,.cur_page:hover{background: #f44600;color: #fff;}
.short{width: 297px;}
.aside{margin:10px 15px 15px 15px;overflow: hidden;}
.right_wrapper{width: 100%;zoom: 1;border-bottom: 1px dashed rgba(255,255,255,.2);border-bottom-width: 1px;border-bottom-color:#505656 \9;border-bottom-style:dashed;border-top: 1px dashed #000;padding: 9px 0px;margin-top: -2px;}
.right_index{background: rgba(0,0,0,.3);width: 26px;height: 26px;line-height: 26px;font-family:"arial";border-radius: 100%; display:inline-block;color: #999;text-align: center;font-size: 12px}
.right_link{color: #999;vertical-align: middle;margin-left: 10px;}
.right_score{float: right;color: #999;}
.right_score i{font-family: "georgia", "arial";font-size: 16px;color: #DE4300;margin-right: 3px;}
.aside>.right_wrapper:last-child{border-bottom: 0px}
.no_magnet{color: #888; text-align: center;height: 26px;line-height: 30px;margin-top: 15px;}
#elevator{
    display: block;
    position:fixed;left: 50%;margin-left: 585px;bottom: 20px;
    width: 40px;
    height: 36px;
    border-radius: 2px;
    background: url(http://i4.tietuku.cn/3497d501899d493e.png) 8px 6px no-repeat;
    background-color: #444;
    background-color: rgba(0,0,0,.6);
    cursor: pointer;
    box-shadow: 0 1px 3px rgba(0,0,0,.2);
}
.right_search{background:transparent url("http://i1.tietuku.cn/7abccc960f67efab.png") no-repeat 10px 12px;border: 0px; height: 36px; line-height: 36px;float: left;width: 223px;margin: 0;padding: 0;text-indent: 30px;color: #999}
.right_search_sub{width: 77px;float: left;background: #f44600;text-align: center;height: 36px;text-shadow: none; line-height: 36px; color: #fff;cursor: pointer}
.right_search_sub:hover{background: #de4300;}
.right_search_sub:active{box-shadow: inset 0px 3px 12px rgba(0,0,0,.3); line-height: 38px}
#error{width: 100%; height: 240px;background: url("http://i1.tietuku.cn/e0d6350d5f4d27a6.png") no-repeat center top;
margin-top: 160px;text-align: center;line-height: 260px;color: #b37000;font-size: 18px;}
#search_help{width: 774px;padding: 25px 15px 25px 15px;background:#2F3032 url("noise.jpg");display:none;position: absolute;left: 50%;margin-left: -562px;top: 225px;border: 1px solid rgba(255,255,255,.3)}
.list_index{font-size: 26px;font-family: "georgia", "arial";float: left;color:#ccc;text-shadow: 0 1px 1px #000;}
.help_devider{width: 100%;height: 20px;
                  background: url("http://i1.tietuku.cn/0d1d20b7b272da45.png") no-repeat top center;
                  margin-top: 10px;}
.help_info{color:#ccc;text-shadow: 0 1px 1px #000;line-height: 26px;float: left;width: 732px;margin-left: 20px;}
.help_list{height:auto;}
.black_btn{width: 127px; height: 32px;float:left;cursor:pointer;line-height:32px;margin-left: 240px;margin-right:-200px;background-image: url("http://i1.tietuku.cn/470a71c46333a033.png");color: #ccc;text-align: center;margin-top:10px;}
.black_btn:active{background-position: 0px 1px;line-height: 34px;}
.orange_btn{width: 80px; height: 32px;cursor:pointer;float:left;line-height:32px;margin-left: 254px;background-image: url("http://i4.tietuku.cn/45f09fd4560275d0.png");color: #eee;text-align: center;margin-top: 30px;}
.orange_btn:active{background-position: 0px 1px;line-height: 34px;}
.help_title{color:#ff9f00;font-weight: bold;}
#demo_link,.help_info a{text-decoration: underline;color: #009eff;cursor: pointer}
h1{margin: 0;padding: 0;font-weight: normal;display: inline-block;float: left;}
.magnet_tip{margin-left: 20px;font-size: 12px;color: #888;float: right;margin-right: 15px;}
#top_placeholder{position: absolute; font-size: 16px; color: #aaa;width: 807px; height: 50px; text-indent: 35px;line-height: 50px;display: none;display: block\9;overflow: hidden}














.loading_txt{text-align: center;color: #999;margin-top: 10px;}
@-webkit-keyframes clockwise {
    0% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-moz-keyframes clockwise {
    0% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-webkit-keyframes counter-clockwise {
    0% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}
@-moz-keyframes counter-clockwise {
    0% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}
.container {

    height: 150px;
    width: 200px;
    margin: 0 auto;
    margin-top: 120px;
}

.gearbox {
    background: rgba(0,0,0,.4);
    height: 150px;
    width: 200px;
    position: relative;
    border: none;
    overflow: hidden;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -moz-box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.1);
    -webkit-box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.1);
    box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.1);
}
.gearbox .overlay {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    -moz-box-shadow: inset 0px 0px 20px black;
    -webkit-box-shadow: inset 0px 0px 20px black;
    box-shadow: inset 0px 0px 20px black;
    -moz-transition: background 0.2s;
    -o-transition: background 0.2s;
    -webkit-transition: background 0.2s;
    transition: background 0.2s;
}
.gearbox.turn .overlay {
    background: transparent;
}

.gear {
    position: absolute;
    height: 60px;
    width: 60px;
    -moz-box-shadow: 0px -1px 0px 0px #888888, 0px 1px 0px 0px black;
    -webkit-box-shadow: 0px -1px 0px 0px #888888, 0px 1px 0px 0px black;
    box-shadow: 0px -1px 0px 0px #888888, 0px 1px 0px 0px black;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
}
.gear.large {
    height: 120px;
    width: 120px;
    -moz-border-radius: 60px;
    -webkit-border-radius: 60px;
    border-radius: 60px;
}
.gear.large:after {
    height: 96px;
    width: 96px;
    -moz-border-radius: 48px;
    -webkit-border-radius: 48px;
    border-radius: 48px;
    margin-left: -48px;
    margin-top: -48px;
}
.gear.one {
    top: 12px;
    left: 10px;
}
.gear.two {
    top: 61px;
    left: 60px;
}
.gear.three {
    top: 110px;
    left: 10px;
}
.gear.four {
    top: 13px;
    left: 128px;
}
.gear:after {
    content: "";
    position: absolute;
    height: 36px;
    width: 36px;
    -moz-border-radius: 36px;
    -webkit-border-radius: 36px;
    border-radius: 36px;
    background: #111;
    top: 50%;
    left: 50%;
    margin-left: -18px;
    margin-top: -18px;
    z-index: 3;
    -moz-box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.1), inset 0px 0px 10px rgba(0, 0, 0, 0.1), inset 0px 2px 0px 0px #080808, inset 0px -1px 0px 0px #888888;
    -webkit-box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.1), inset 0px 0px 10px rgba(0, 0, 0, 0.1), inset 0px 2px 0px 0px #080808, inset 0px -1px 0px 0px #888888;
    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.1), inset 0px 0px 10px rgba(0, 0, 0, 0.1), inset 0px 2px 0px 0px #080808, inset 0px -1px 0px 0px #888888;
}

.gear-inner {
    position: relative;
    height: 100%;
    width: 100%;
    background: #555;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    border: 1px solid rgba(255, 255, 255, 0.1);
}
.large .gear-inner {
    -moz-border-radius: 60px;
    -webkit-border-radius: 60px;
    border-radius: 60px;
}
.gear.one .gear-inner {
    -webkit-animation: counter-clockwise 3s infinite linear;
    -moz-animation: counter-clockwise 3s infinite linear;
}
.gear.two .gear-inner {
    -webkit-animation: clockwise 3s infinite linear;
    -moz-animation: clockwise 3s infinite linear;
}
.gear.three .gear-inner {
    -webkit-animation: counter-clockwise 3s infinite linear;
    -moz-animation: counter-clockwise 3s infinite linear;
}
.gear.four .gear-inner {
    -webkit-animation: counter-clockwise 6s infinite linear;
    -moz-animation: counter-clockwise 6s infinite linear;
}
.gear-inner .bar {
    background: #555;
    height: 16px;
    width: 76px;
    position: absolute;
    left: 50%;
    margin-left: -38px;
    top: 50%;
    margin-top: -8px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.large .gear-inner .bar {
    margin-left: -68px;
    width: 136px;
}
.gear-inner .bar:nth-child(2) {
    -moz-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
}
.gear-inner .bar:nth-child(3) {
    -moz-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    -webkit-transform: rotate(120deg);
    transform: rotate(120deg);
}
.gear-inner .bar:nth-child(4) {
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.gear-inner .bar:nth-child(5) {
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
}
.gear-inner .bar:nth-child(6) {
    -moz-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    -webkit-transform: rotate(150deg);
    transform: rotate(150deg);
}
